<template>
	<view>
		<tm-menubars title="九宫格抽奖" color="bg-gradient-orange-accent" :showback="true"></tm-menubars>

		<tm-fullView>
			<view class="bg-gradient-orange-accent " style="height: 100%; ">
				<tm-choujiangGrid @end="jieguo" :theme-index="themeIndex" ref="chouTest_s"></tm-choujiangGrid>
				<view class="flex-center pb-50">
					<tm-button @click="themeIndex = themeIndex == 0 ? 1 : 0" theme="bg-gradient-red-accent">切换主题</tm-button>
					<tm-button @click="$refs.chouTest_s.play()" theme="bg-gradient-red-accent">开始抽奖</tm-button>
				</view>
			</view>
		</tm-fullView>
	</view>
</template>

<script>
	import tmButton from "@/tm-vuetify/components/tm-button/tm-button.vue"
	import tmChoujiangGrid from "@/tm-vuetify/components/tm-choujiangGrid/tm-choujiangGrid.vue"
	import tmMenubars from "@/tm-vuetify/components/tm-menubars/tm-menubars.vue"
	import tmFullView from "@/tm-vuetify/components/tm-fullView/tm-fullView.vue"
	import tmSheet from "@/tm-vuetify/components/tm-sheet/tm-sheet.vue"
	export default {
		components:{tmButton,tmChoujiangGrid,tmMenubars,tmFullView,tmSheet},
	data() {
		return {
			themeIndex: 0
		};
	},
	methods: {
		jieguo(e) {
			console.log(e);
		}
	}
};
</script>

<style></style>
